<template>
  <div class="content1">
    <div class="content1_nav">
      <img src="/images/tt.jpg" width="8" height="8" /> 炫迪软件
    </div>
    <div class="content2">
      <div class="about">
        <div class="aboutu">ABOUT US/关于我们</div>
        <div class="aboutd">
          &nbsp;&nbsp;&nbsp;&nbsp;炫迪公司是晋南地区专业的软件技术提供商和服务商，以计算机应用软件开发与维护、平面设计、动画设计、网站建设为主要业务，同时提供软硬件设备安装，IDC资源部署等增值服务。炫迪公司在企业管理、电子商务、企业应用集成、商务智能等方面具有丰富的项目开发经验，业务遍及周边多个县市，是本地用户首选软件服务合作伙伴……
          [<nuxt-link to="/about">查看详细</nuxt-link>]
        </div>
      </div>
      <div class="tu">
        <span class="tu1">
          <nuxt-link to="/develop">平面设计</nuxt-link><br />
          <nuxt-link to="/develop">软件开发</nuxt-link></span>
        <span class="tu2">
          <nuxt-link to="/website">网站建设</nuxt-link><br />
          <nuxt-link to="/website">SEO网站优化</nuxt-link>
        </span>
      </div>
      <div class="contact">
        <img src="/images/lianxi_bg.jpg" width="176" height="45" /><br />
        联系人：赵经理<br />
        ＱＱ：{{ companyinfo.QQ }} <br />
        Email： {{ companyinfo.email }} <br />
        地址：{{ companyinfo.address }} <br />
        网址： {{ companyinfo.weburl }} <br />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
const companyinfo: any = useCompanyInfo();
</script>

<style scoped>
.content1 {
  width: 965px;
  height: 240px;
  border: #c9c9c9 1px solid;
  margin: 0 auto;
}

.content1_nav {
  background: url(/images/content_nav_bg.jpg) repeat-x top center;
  margin-top: 1px;
  width: 951px;
  height: 33px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  padding-left: 10px;
  color: #555555;
}

.content2 {
  width: 900px;
  margin: 15px auto;
}

.about {
  float: left;
  background: url(/images/content2_bg.jpg) no-repeat right center;
  width: 340px;
  height: 180px;
  display: inline;
}

.aboutu {
  background: url(/images/aboutu_bg.jpg) no-repeat left center;
  width: 290px;
  height: 30px;
  line-height: 30px;
  padding-left: 40px;
  font-size: 14px;
  font-weight: bold;
}

.aboutd {
  line-height: 25px;
  margin-top: 10px;
}

.aboutd a {
  color: #f00;
}

.tu {
  width: 300px;
  height: 180px;
  background: url(/images/tu_bg.jpg) no-repeat right center;
  float: left;
}

.tu1 {
  width: 62px;
  line-height: 80px;
  float: left;
  margin-left: 100px;
  padding-top: 30px;
  display: inline;
}

.tu2 {
  width: 78px;
  line-height: 80px;
  text-align: center;
  float: right;
  padding-right: 40px;
}

.contact {
  width: 220px;
  float: right;
  height: 180px;
  line-height: 20px;
  margin-top: 10px;
}
</style>